<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>猫抓 JSON格式化</title>
    <link rel="stylesheet" type="text/css" href="css/public.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/options.css" media="all" />
    <script src="lib/jquery.min.js"></script>
    <script src="js/init.js"></script>
    <script src="js/firefox.js"></script>
    <script src="lib/jquery.json-viewer.js"></script>
    <script src="js/function.js"></script>
    <script src="js/json.js"></script>
  </head>

  <body>
    <div class="wrapper1024">

      <section id="jsonCustom" class="hide">
        <h1 class="optionsTitle">猫抓 JSON格式化</h1>
        <div class="optionBox">
          <span class="explain">请输入json内容</span>
          <textarea rows="50" cols="160" id="jsonText" spellcheck="false" data-type="link" placeholder="输入需要格式化的json内容"></textarea>
          <div class="line"></div>
          <span class="explain">或 输入json的URL</span>
          <input type="text" id="jsonUrl" placeholder="jsonURL" class="fullInput"/>
          <button id="format" type="button">格式化</button>
        </div>
      </section>

      <section id="main">
        <h1 class="optionsTitle">猫抓 JSON格式化</h1>
        <div class="optionBox">
          <div class="block" id="textarea">
            <pre id="json-renderer">json 文件载入中...</pre>
          </div>
          <button id="collapsed">展开所有节点</button>
        </div>
      </section>
    </div>
  </body>
</html>
